<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6 lt8 lt9 lt10"><![endif]-->
<!--[if IE 7]><html class="ie ie7 lt8 lt9 lt10"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lt9 lt10"><![endif]-->
<!--[if IE 9]><html class="ie ie9 lt10"><![endif]-->
<!--[if (gt IE 9) | !(IE)]><!-->
<html>
<!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta name="format-detection" content="telephone=no">
    <title>404</title>
</head>

<style type="text/css">
    .page-bks{ width: 100%;height: 100%;position:fixed;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;}
    .page-bks .pic{position: absolute;top: 50%;width: 90%;left: 5%;height: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
    .page-bks .pic img{display: block;width: 100%;height: auto;}
    .page-bks a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

    @media only screen and (max-width:1024px) {
        .page-bks .pic{width: 100%;height: auto;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
    }

    @media only screen and (max-width:1024px) {
        .page-bks{overflow: hidden;}
        .page-bks .pic{width: 150%;height: auto;left: -25%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
    }
</style>
<body>
<script type="text/javascript">
    // (function(){
    //     var wait = 3,href = '/';
    //     var interval = setInterval(function(){
    //         var time = --wait;
    //         if(time <= 0) {
    //             location.href = href;
    //             clearInterval(interval);
    //         };
    //     }, 1000);
    // })();
</script>
<div class="page-bks">
    <div class="pic">
        <img src="/static/error/404.jpg"/>
    </div>
    <a href="/"></a>
</div>
</body>
</html>
